<script setup lang="ts">
defineProps<{ content: string }>();
</script>

<template>
  <div class="result-content highlight-wrapper" v-dompurify-html="content"></div>
</template>

<style scoped lang="scss">
.result-content {
  height: 44px;
  @include tip1;
  overflow: hidden;
  position: relative;
  color: var(--o-color-info2);
  @include respond-to('laptop') {
    height: 44px;
  }
  @include respond-to('pad_h') {
    height: 36px;
  }
  @include respond-to('pad_v') {
    height: 36px;
  }
  @include respond-to('phone') {
    height: 32px;
  }

  @include text-truncate(2);
}
</style>